<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/jquery-2.1.0.min.js"></script>
    <script src="./js/script.js"></script>
    <script src="./js/index.js"></script>
</head>

<body>
    <!--头部广告部分-->
    <div class="jd_top">
        <!--此div有两个样式：jd_inner：高度80px  w：宽度1190px  自动居中-->
        <div class="jd_inner w">
            <!--头部广告图片-->
            <a href="Javascript:;"><img src="./img/ad.jpg"></a>
            <i id="del" class="iconfont">&#xe612;</i>
        </div>
    </div>
    <!--快捷导航条-->
    <div class="shortcut">
        <div class="w shortcut_inner">
            <!--左边的定位地点-->
            <div class="l">
                <i class="iconfont">&#xf0308;</i>
                <a href="#">四川</a>
            </div>
            <!--右边的登录注册-->
            <div class="r">
                <ul>
                    <li>
                        <a href="#">你好，请登录</a>&nbsp;&nbsp;<a href="#" style="color:#f10215;">免费注册</a>
                    </li>
                    <li class="spacer"></li>
                    <li>
                        <a href="https://order.jd.com/center/list.action">我的订单</a>
                    </li>
                    <li class="spacer"></li>
                    <li id="dropdown" class="dropdown">
                        <a href="https://home.jd.com/">我的京东</a>
                        <i class="iconfont">&#xe656;</i>
                        <div id="wdjd">
                             
                            <div id="wdjd-1" style="margin-left: 20px;">
                                <!--
                                <div class="fore1">
                                    <div class="item">
                                        <a href="#">待处理订单</a>
                                    </div>
                                    <div class="item">
                                        <a href="#">返修退换货</a>
                                    </div>
                                    <div class="item">
                                        <a href="#">降价商品</a>
                                    </div>
                                </div>
                               
                                <div class="fore2">
                                    <div class="item">
                                        <a href="#">我的问答</a>
                                    </div>
                                    <div class="item">
                                        <a href="#">我的关注</a>
                                    </div>
                                </div>-->
                            </div>
                            <!--清楚浮动-->
                            <div style="clear: both;"></div>
                            <!-- 下div -->
                            <div id="wdjd-2" style="margin-left: 20px;border-bottom: 1px solid #f1f1f1;">
                                <!-- 
                                <div class="fore1">
                                    <div class="item">
                                        <a href="#">我的京豆</a>
                                    </div>
                                    <div class="item">
                                        <a href="#">我的白条</a>
                                    </div>
                                </div>
                                
                                <div class="fore2">
                                    <div class="item">
                                        <a href="#">我的优惠劵</a>
                                    </div>
                                    <div class="item">
                                        <a href="#">我的理财</a>
                                    </div>
                                </div>-->
                            </div>
                        </div>
                    </li>
                    <li class="spacer"></li>
                    <li>
                        <a href="https://vip.jd.com/">京东会员</a>
                    </li>
                    <li class="spacer"></li>
                    <li class="dropdown">
                        <a href="https://b.jd.com/">企业采购</a>
                        <i class="iconfont">&#xe656;</i>
                    </li>
                    <li class="spacer"></li>
                    <li class="dropdown">
                        <a href="#">客户服务</a>
                        <i class="iconfont">&#xe656;</i>
                    </li>
                    <li class="spacer"></li>
                    <li class="dropdown">
                        <a href="#">网站导航</a>
                        <i class="iconfont">&#xe656;</i>
                    </li>
                    <li class="spacer"></li>
                    <li>
                        <a href="#">手机京东</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--网站头部-->
    <div class="jd_header">
        <div class="w jd_header_inner">
            <!--logo-->
            <div class="logo">
                <h1><a href="https://www.jd.com/"></a></h1>
            </div>
            <!--导航条-->
            <div class="navitems">
                <ui>
                    <li><a class="navitems-lk" href="https://miaosha.jd.com/">秒杀</a></li>
                    <li><a class="navitems-lk" href="https://a.jd.com/">优惠劵</a></li>
                    <li><a href="https://plus.jd.com/index?flow_system=appicon&flow_entrance=appicon11&flow_channel=pc">PLUS会员</a></li>
                    <li><a href="https://red.jd.com/">品牌闪购</a></li>
                    <li><a href="https://paimai.jd.com/">拍卖</a></li>
                    <li><a href="https://jiadian.jd.com/">京东家电</a></li>
                    <li><a href="https://chaoshi.jd.com/">京东超市</a></li>
                    <li><a href="https://fresh.jd.com/">京东生鲜</a></li>
                    <li><a href="https://www.jd.hk/">京东国际</a></li>
                    <li><a href="https://www.jdcloud.com/cn/activity/618?utm_source=MO_jd618&utm_medium=banner&utm_campaign=ggw&utm_term=NA">京东云</a></li>
                </ui>
            </div>
            <!--热词-->
            <div class="hotwords">
                <ul>
                    <li><a style="color: #c81623;" href="#">爆款限时抢</a></li>
                    <li><a href="#">DOTA2</a></li>
                    <li><a href="#">爆款5折</a></li>
                    <li><a href="#">199减100</a></li>
                    <li><a href="#">1元抵618</a></li>
                    <li><a href="#">时尚潮流</a></li>
                    <li><a href="#">iPhone</a></li>
                    <li><a href="#">新品上市</a></li>
                    <li><a href="#">电脑数码</a></li>
                </ul>
            </div>
            <!--搜索框-->
            <div class="search">
                <input type="text" placeholder="电脑主机">
                <i class="iconfont">&#xe60d;</i>
                <button><i class="iconfont">&#xe610;</i></button>
            </div>
            <!--右方广告-->
            <div class="treasure">
                <img src="./img/demo.png">
            </div>
            <!--购物车-->
            <div class="car">
                <!--一个标签两个样式-->
                <i class="iconfont cari">&#xf0179;</i>
                <a href="./cart.html">我的购物车</a>
            </div>
        </div>
    </div>

    <!--内容部分-->
    <div class="fs">
        <!--版心部分-->
        <div class="fs_inner w">
            <div class="col1">
                <ul>
                    <li>
                        <a href="#">家用电器</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span>/</span>
                        <a href="#">运营商</a>
                        <span>/</span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">电脑</a>
                        <span>/</span>
                        <a href="#">办公</a>
                    </li>
                    <li>
                        <a href="#">家居</a>
                        <span>/</span>
                        <a href="#">家具</a>
                       
                        <span>/</span>
                        <a href="#">厨具</a>
                    </li>
                    <li>
                        <a href="#">男装</a>
                        <span>/</span>
                        <a href="#">女装</a>
                        <span>/</span>
                        <a href="#">童装</a>
                    
                    </li>
                    <li>
                        <a href="#">美妆</a>
                   
                        <span>/</span>
                        <a href="#">宠物</a>
                    </li>
                    <li>
                        <a href="#">女鞋</a>
                        <span>/</span>
                        <a href="#">箱包</a>
                        <span>/</span>
                        <a href="#">钟表</a>
                        
                    </li>
                    <li>
                        <a href="#">男鞋</a>
                        <span>/</span>
                        <a href="#">运动</a>
                        <span>/</span>
                        <a href="#">户外</a>
                    </li>
                    <li>
                        <a href="#">房产</a>
                        <span>/</span>
                        <a href="#">汽车</a>
                   
                    </li>
                    <li>
                        <a href="#">母婴</a>
                        <span>/</span>
                        <a href="#">玩具乐器</a>
                    </li>
                    <li>
                        <a href="#">食品</a>
                        <span>/</span>
                        <a href="#">酒类</a>
                        <span>/</span>
                        <a href="#">生鲜</a>
                     
                    </li>
              
                    <li>
                        <a href="#">医药保健</a>
                        <span>/</span>
                        <a href="#">计生情趣</a>      
                    </li>
                    <li>
                        <a href="#">图书</a>
                        <span>/</span>
                        <a href="#">文娱</a>
                        <span>/</span>
                        <a href="#">教育</a>
                       
                    </li>
                    <li>
                        <a href="#">机票</a>
                        <span>/</span>
                        <a href="#">酒店</a>
                        <span>/</span>
                        <a href="#">旅游</a>
                    </li>
                    <li>
                        <a href="#">安装</a>
                        <span>/</span>
                        <a href="#">维修</a>
                        <span>/</span>
                        <a href="#">清洗</a>
                    </li>
                    <li>
                        <a href="#">工业品</a>
                    </li>
                </ul>
            </div>
            <div class="col2">
                <!-- 京东内容部分中间的上方图片-->
                <div class="fs-clo2-hd">
                    <div id="flash">
                        <div id="prev"></div>
                        <div id="next"></div>
                        <ul id="play">
                            <li style="display: block;"><img src="./img/1.jpg" alt="" /></li>
                            <li><img src="./img/2.jpg" alt="" /></li>
                            <li><img src="./img/3.jpg" alt="" /></li>
                            <li><img src="./img/4.webp" alt="" /></li>
                            <li><img src="./img/5.webp" alt="" /></li>
                        </ul>
                        <ul id="button">
                            <li><div style="background: #A10000;"></div></li>
                            <li><div></div></li>
                            <li><div></div></li>
                            <li><div></div></li>
                            <li><div></div></li>
                        </ul>
                    </div>
                </div>
                <!-- 京东内容部分中间的下方图片 -->
                <div class="fs-col2-bd">
                    <div class="fl">
                        <img src="./img/pic1.jpg" alt=""/>
                    </div>
                    <div class="fr">
                        <img src="./img/pic2.jpg" alt=""/>
                    </div>
                </div>
            </div>
            <div class="col3">
                <div class="col3-user">
                    <div>
                        <div class="dog">
                            <a href="#">
                                <img src="./images/dog.png" alt=""/>
                            </a>
                        </div>
                        <div class="user-hd">
                            <a href="#">Hi~欢迎逛京东！</a>
                            <P>
                                <a href="#">登录</a>&nbsp;|&nbsp;
                                <a href="#">注册</a>
                            </P>
                        </div>
                    </div>
                    <div class="user-profit">
                        <a href="#" class="welfare">新人福利</a>
                        <a href="#" class="member">PLUS会员</a>
                    </div>  
                </div>
                <div class="col3-news">
                    <div class="news_hd">
                        <h5>京东快报</h5>
                        <a href="#">更多 <i class="iconfont">&#xe637;</i> </a>
                    </div>
                    <ul class="news-list">
                        <li>
                            <a href="#">
                                <span>热议</span>
                                美的智能电饭煲，为厨房生活锦上添花！
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>推荐</span>
                                型男夏日潮搭“加戏”指南，酷炫腕表助你稳赚回头率
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>热议</span>
                                一站式补齐孕妈营养，妈妈健康宝宝才能更好地成长
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>热议</span>
                                探索别样风味，尽在黄天鹅可生食标准鸡蛋
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="col3-service">
                    <ul class="service-list">
                        <li>
                            <a href="#">
                                <i class="iconfont" style="color: #5AAAE5;">&#xe64f;</i>
                                <span>话费</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="iconfont" style="color: #F2A334;">&#xe609;</i>
                                <span>机票</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="iconfont" style="color: #41D7C7;">&#xe620;</i>
                                <span>酒店</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="iconfont" style="color: #F2A334;;">&#xe60a;</i>
                                <span>游戏</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="iconfont" style="color: #41D7C7;">&#xe63a;</i>
                                <span>加油卡</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="iconfont" style="color: #EB675E;">&#xe6e3;</i>
                                <span>火车票</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="iconfont" style="color: #41D7C7;">&#xe615;</i>
                                <span>众筹</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="iconfont" style="color: #5AAAE5;">&#xe60b;</i>
                                <span>理财</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="iconfont" style="color: #EB675E;">&#xe66c;</i>
                                <span>白条</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="iconfont" style="color: #EB675E;">&#xe679;</i>
                                <span>电影票</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="iconfont" style="color: #5AAAE5;">&#xe603;</i>
                                <span>企业购</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="iconfont" style="color: #F2A334;">&#xe62c;</i>
                                <span>礼品卡</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="fs_ad">
            <a href="#"></a>
        </div>
    </div>

    <!--底部-->
    <div class="J_footer">
        <!--多快好省-->
        <div class="mod_service">
            <div class="mod_service_inner w">
                <ui>
                    <li>
                        <h5 class="duo"></h5>
                        <p>品类齐全，轻松购物</p>
                    </li>
                    <li>
                        <h5 class="kuai"></h5>
                        <p>多仓直发，极速配送</p>
                    </li>
                    <li>
                        <h5 class="hao"></h5>
                        <p>正品行货，精致服务</p>
                    </li>
                    <li>
                        <h5 class="sheng"></h5>
                        <p>天天低价，畅选无忧</p>
                    </li>
                </ui>
            </div>
        </div>
        <!--帮助指南-->
        <div class="mod_help">
            <div class="mod_help_inner w">
                <ui> 
                    <li> 
                        <h5>购物指南</h5>
                        <ul class="mod_help_con">
                            <li><a href="https://help.jd.com/user/issue/list-29.html">购物流程</a></li>
                            <li><a href="https://help.jd.com/user/issue/list-151.html">会员介绍</a></li>
                            <li><a href="https://help.jd.com/user/issue/list-297.html">生活旅行</a></li>
                            <li><a href="https://help.jd.com/user/issue.html">常见问题</a></li>
                            <li><a href="https://help.jd.com/user/issue/list-136.html">大家电</a></li>
                            <li><a href="https://help.jd.com/user/custom.html">联系客服</a></li>
                        </ul>
                    </li>
                    <li>
                        <h5>配送方式</h5>
                        <ul class="mod_help_con">
                            <li><a href="https://help.jd.com/user/issue/list-81-100.html">上门自提</a></li>
                            <li><a href="https://help.jd.com/user/issue/list-81.html">211限时达</a></li>
                            <li><a href="https://help.jd.com/user/issue/103-983.html">配送服务查询</a></li>
                            <li><a href="https://help.jd.com/user/issue/109-188.html">配送费收取标准</a></li>
                            <li><a href="https://help.joybuy.com/help/question-list-201.html">海外配送</a></li>
                        </ul>
                    </li>
                    <li>
                        <h5>支付方式</h5>
                        <ul class="mod_help_con">
                            <li><a href="https://help.jd.com/user/issue/list-172.html">货到付款</a></li>
                            <li><a href="https://help.jd.com/user/issue/list-173.html">在线支付</a></li>
                            <li><a href="https://help.jd.com/user/issue/list-176.html">分期付款</a></li>
                            <li><a href="https://help.jd.com/user/issue/list-175.html">公司转账</a></li>
                        </ul>
                    </li>
                    <li>
                        <h5>售后服务</h5>
                        <ul class="mod_help_con">
                            <li><a href="https://help.jd.com/user/issue/321-981.html">售后政策</a></li>
                            <li><a href="https://help.jd.com/user/issue/list-132.html">价格保护</a></li>
                            <li><a href="https://help.jd.com/user/issue/130-978.html">退款说明</a></li>
                            <li><a href="https://myjd.jd.com/repair/repairs.action">返修/退换货</a></li>
                            <li><a href="https://help.jd.com/user/issue/list-50.html">取消订单</a></li>
                        </ul>
                    </li>
                    <li>
                        <h5>特色服务</h5>
                        <ul class="mod_help_con">
                            <li><a href="https://1paipai.jd.com/">夺宝岛</a></li>
                            <li><a href="https://help.jd.com/user/issue/list-134.html">DIY装机</a></li>
                            <li><a href="https://fuwu.jd.com/">延保服务</a></li>
                            <li><a href="https://o.jd.com/market/index.action">京东E卡</a></li>
                            <li><a href="https://mobile.jd.com/">京东通信</a></li>
                            <li><a href="https://smart.jd.com/">京鱼座智能</a></li>
                        </ul>
                    </li>
                    <div class="mod_help_cover">
                        <h5>京东自营覆盖区县</h5>
                        <div class="mod_help_cover_con">
                            <p class="mod_help_cover_info">京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
                            <p class="mod_help_cover_more">
                                <a href="https://help.jd.com/user/issue/103-983.html">查看详情></a>
                            </p>
                        </div>
                    </div>
                </ui>
            </div>
        </div>
        <!--底部信息-->
        <div class="mod_copyright">
            <div class="mod_copyright_inner w">
                <!--帮助链接-->
                <p class="mod_copyright_links">
                    <a href="#">关于我们</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">联系我们</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">联系客服</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">合作招商</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">商家帮助</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">营销中心</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">手机京东</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">友情链接</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">销售联盟</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">京东社区</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">风险监测</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">隐私政策</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">京东公益</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">Englishi Site</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">Media & IR</a>
                </p>
                <div class="mod_copyright_info">
                    <div class="mod_copyright_cert">
                        <p>
                            <a href="#">京公网安备11000002000088号</a>
                            <span class="mod_copyright_split">|</span>
                            <a href="#">京ICP备11041704号</a>
                            <span class="mod_copyright_split">|</span>
                            <a href="#">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a>
                            <span class="mod_copyright_split">|</span>
                            <span>新出发京零&nbsp;字第大120007号</span>
                        </p>
                        <p>
                            <span>互联网出版许可证编号新出网证(京)字150号</span>
                            <span class="mod_copyright_split">|</span>
                            <a href="#">出版物经营许可证</a>
                            <span class="mod_copyright_split">|</span>
                            <a href="#">网络文化经营许可证京网文[2020]6112-1201号</a>
                            <span class="mod_copyright_split">|</span>
                            <span>违法和不良信息举报电话：4006561155</span>
                        </p>
                        <p>
                            <span>Copyright&nbsp;©&nbsp;2004&nbsp;-&nbsp;2021&nbsp;&nbsp;京东JD.com&nbsp;版权所有</span>
                            <span class="mod_copyright_split">|</span>
                            <span>消费者维权热线：4006067733</span>
                            <span class="mod_copyright_split">|</span>
                            <a href="#">经营证照</a>
                            <span class="mod_copyright_split">|</span>
                            <span>(京)网械平台备字(2018)第00003号</span>
                            <span class="mod_copyright_split">|</span>
                            <a href="#">营业执照</a>
                        </p>
                        <p>
                            <a href="#"><i class="g1"></i>Global Site</a>
                            <span class="mod_copyright_split">|</span>
                            <a href="#"><i class="g2"></i>Сайт России</a>
                            <span class="mod_copyright_split">|</span>
                            <a href="#"><i class="g3"></i>Situs Indonesia</a>
                            <span class="mod_copyright_split">|</span>
                            <a href="#"><i class="g4"></i>Sitio de España</a>
                            <span class="mod_copyright_split">|</span>
                            <a href="#"><i class="g5"></i>เว็บไซต์ประเทศไทย</a>
                        </p>
                        <p>
                            <span>京东旗下网站：</span>
                            <a href="https://www.jdpay.com/">京东钱包</a>
                            <span class="mod_copyright_split">|</span>
                            <a href="http://www.jdcloud.com">京东云</a>
                        </p>
                    </div>
                </div>
                <p class="mod_copyright_auth">
                    <a href="#" class="ico1"></a>
                    <a href="#" class="ico2"></a>
                    <a href="#" class="ico3"></a>
                    <a href="#" class="ico4"></a>
                    <a href="#" class="ico5"></a>
                    <a href="#" class="ico6"></a>
                </p>
            </div>
        </div>
    </div>
</body>

</html>